import React,{Component} from 'react';
import {connect} from 'react-redux'
import {NavLink} from 'react-router-dom'
import '../css/mydoc.css'

class MyDoc extends Component{

    render(){
        return(
            <div className="content">
                <div className="header">
                    <h2><img src={require('../img/headimg.png')} alt=""/></h2>
                    <div className="user-box">
                        <NavLink to='/login'>登录</NavLink>
                        <NavLink to='/login'>注册</NavLink>
                    </div>
                    <ul className="clear">
                        <li>
                            <span>0</span>
                            <p>关注</p>
                        </li>
                        <li>
                            <span>0</span>
                            <p className="end">粉丝</p>
                        </li>
                    </ul>
                </div>
                <div className="docList">
                    <ul>
                        <li className="gk-text">
                            <i></i>
                            <p>公开博文</p>
                            <b></b>
                            <span>0</span>
                        </li>
                        <li className="mm-text">
                            <i></i>
                            <p>秘密博文</p>
                            <b></b>
                            <span>0</span>
                        </li>
                        <li className="cg-text">
                            <i></i>
                            <p>草稿箱</p>
                            <b></b>
                            <span>0</span>
                        </li>
                        <li className="sc-text">
                            <i></i>
                            <p>收藏夹</p>
                            <b></b>
                            <span>0</span>
                        </li>
                        <li className="my_cz">
                            <i></i>
                            <p>收藏夹</p>
                        </li>
                    </ul>
                </div>
            </div>
        )
    }
    componentWillMount(){
        this.props.sendStatus()
    }
}

const mapDispatchToProps = dispatch => ({
    sendStatus: message => {
        dispatch({type: 'HIDE_HEAD'});
        dispatch({type: 'SHOW_FOOT'});
    },
});
export default connect(
    null,
    mapDispatchToProps
)(MyDoc)
